@import 'base';

.h-hot-panel{
  h2{
    padding-left: 15px;
    padding-top: 10px;
    margin: 0;
    font-size: 14px;
    color: rgba(69,90,100,.6);
    font-weight: bold;
    padding-bottom: 10px;
  }
  a{
    color: black;
    .h-hot-tag{

    }
    .h-hot-text{
      padding-left: 10px;
    }
  }
}
.h-recommend-articles{
  border-top: 1px solid #ebedf0;
  .article{
    height: 80px;
    .article-left {
      .article-title {
        height: 60px;
        b {
          padding-left: 10px;
          overflow: hidden;
        }
      }
      .meta{
        color: #bbb;
        .see{
        }
        a{
          color: #bbb;
        }
        .zan{
          margin-right: 20px;
        }
      }
    }
    .thumb{
      display: inline;
      padding-right: 15px;
      height: 82px;
      width: 120px;
      float:right;
    }
  }
}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 768px) {


}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {

}
